import React, { memo } from 'react';
import { Avatar, Icon } from 'antd';
import styles from './index.less';

const DiscussRecord = memo(() => {
    const chatList = [
        {
            name: '陈雪明',
            time: '10:22',
            content: '大家一起讨论下这个候选人的面试结果',
            key: '1'
        },
        {
            name: '陈燕华',
            time: '14:22',
            content: '我觉得候选人行业背景和工作经验都还不错，可以胜任 work 产品的工作',
            key: '2'
        },
        {
            name: '陈燕华',
            time: '14:23',
            content: '面试的表现也不错，整体思维产品思维很扎实，大家可以多考虑看看',
            key: '3'
        },
        {
            name: '余雪骄',
            time: '16:00',
            content: '我之前给的是不通过，但是又面了其他候选人，觉得还是这个更好一些，可以复试再考察看看',
            key: '4'
        },
        {
            name: '陈雪明',
            time: '16:02',
            content: '好，那大家的结论一致咯，那我这边跟候选人联系安排复试',
            key: '5'
        }
    ];
    return <div className={styles.discussRecordWrap}>
        <div className={styles.discussContent}>
            <div className={styles.time}>2020年10月30号</div>
            {
                chatList.map(chat => (
                    <div className={styles.discussItem} key={chat.key}>
                        <Avatar
                            style={{ background: 'rgba(255, 255, 255)', marginRight: '12px' }}
                            icon={<Icon type="user" style={{ color: 'rgba(0, 0, 0, 0.25)' }}></Icon>}
                            size={32}
                        />
                        <div className={styles.discussContentDetail}>
                            <div className={styles.userInfo}>
                                <span>{chat.name}</span>
                                <span>{chat.time}</span>
                            </div>
                            <span className={styles.chatText}>{chat.content}</span>
                        </div>
                    </div>
                ))
            }
        </div>
    </div>
});

export default DiscussRecord;
